.container {
    width: 100%;
    overflow: hidden;
    .divider{
        @media screen and (max-width: 768px) {
            margin: 0 0 8px;
        }
    }
    

    section{
        position: relative;

        h3 {
            margin: 0 0 8px;
            font-size: 16px;
            color: var(--gray-9);
        }

        &.where-selled {
            .item {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 4px;
                
                div{
                    flex-shrink: 0;
                    color: var(--gray-8);

                    a{
                        color: #428AB8;
                        word-break: break-all;
                    }

                    &:nth-of-type(1) {width: 50%;}
                    &:nth-of-type(2) {width: 30%;}
                    &:nth-of-type(3) {width: 20%;}

                    &:hover{
                        a{
                            text-decoration: underline;
                        }
                    }
                }
                
            }
        }

        &.where-sell {
            position: relative;
            // margin-top: 8px;

            .item, .a {
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid var(--gray-8);
                color: var(--gray-8);
                border-radius: 24px;
                line-height: 1em;
                padding: 6px 16px;
                &:hover {
                    background: var(--main-10);
                    border-color: var(--main-10);
                    color: var(--white);
                }
            }
            a{
                color: inherit;
                cursor: pointer;
                text-decoration: none;
                transition: none !important;
                &:hover,
                &:active,
                &:visited {
                    color: inherit;
                    text-decoration: none;
                }
            }
        }

        .wrapper {
            position: relative;
            padding: 4px 0;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;

            .empty {
                margin: 0;
                color: var(--gray-7);
                grid-column: 1 / -1;
                text-align: center;
            }
        }
    }
}